Readonly $
$: {
crop?: { x: number; y: number; width: number; height: number; };
dash?: number[];
dashEnabled?: boolean;
fill?: string | ({ addColorStop: (offset: number, color: string) => void; }) | ({ setTransform: (transform?: DOMMatrix2DInit | undefined) => void; });
fillAfterStrokeEnabled?: boolean;
fillEnabled?: boolean;
fillLinearGradient?: { start: { x: number; y: number; }; end: { x: number; y: number; }; colorStops: [number, string][]; };
fillPattern?: { image: string | { height: number; oncontextlost: ((this: OffscreenCanvas, ev: Event) => any) | null; oncontextrestored: ((this: OffscreenCanvas, ev: Event) => any) | null; ... 5 more ...; dispatchEvent: (event: Event) => boolean; } | ... 4 more ... | { ...; }; ... 7 more ...; skewY?: number | undefined; };
fillPriority?: "color" | "linear-gradient" | "radial-gradient" | "pattern";
fillRadialGradient?: { start: { x: number; y: number; }; startRadius: number; end: { x: number; y: number; }; endRadius: number; colorStops: [number, string][]; };
filter?: "none" | ({ url?: string | undefined; blur?: number | undefined; brightness?: number | undefined; contrast?: number | undefined; dropShadow?: { x?: number | undefined; y?: number | undefined; blur?: number | undefined; color: string; } | undefined; ... 5 more ...; sepia?: number | undefined; });
height?: number;
hitStrokeWidth?: number;
image: string | ({ height: number; oncontextlost: ((this: OffscreenCanvas, ev: Event) => any) | null; oncontextrestored: ((this: OffscreenCanvas, ev: Event) => any) | null; ... 5 more ...; dispatchEvent: (event: Event) => boolean; }) | ({ height: number; width: number; captureStream: (frameRequestRate?: number | undefined) => MediaStream; getContext: { (contextId: "2d", options?: CanvasRenderingContext2DSettings | undefined): CanvasRenderingContext2D | null; (contextId: "bitmaprenderer", options?: ImageBitmapRenderingContextSettings | undefined): I...) | ({ disablePictureInPicture: boolean; height: number; onenterpictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null; onleavepictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null; ... 349 more ...; focus: (options?: FocusOptions | undefined) => void; }) | ({ align: string; alt: string; border: string; readonly complete: boolean; crossOrigin: string | null; readonly currentSrc: string; decoding: "sync" | "auto" | "async"; height: number; hspace: number; ... 310 more ...; focus: (options?: FocusOptions | undefined) => void; }) | ({ readonly height: { readonly animVal: { readonly unitType: number; value: number; valueAsString: string; valueInSpecifiedUnits: number; convertToSpecifiedUnits: (unitType: number) => void; newValueSpecifiedUnits: (unitType: number, valueInSpecifiedUnits: number) => void; ... 10 more ...; readonly SVG_LENGTHTYPE_UNK...) | ({ readonly height: number; readonly width: number; close: () => void; });
lineCap?: "butt" | "round" | "square";
lineJoin?: "round" | "bevel" | "miter";
offscreen?: boolean;
offset?: { x?: number | undefined; y?: number | undefined; };
opacity?: number;
perfectDrawEnabled?: boolean;
rotation?: number;
scale?: { x?: number | undefined; y?: number | undefined; };
sceneFunc?: ((context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D) => void);
shadow?: { x?: number | undefined; y?: number | undefined; color: string; blur: number; };
shadowEnabled?: boolean;
shadowForStrokeEnabled?: boolean;
skewX?: number;
skewY?: number;
stroke?: string | ({ addColorStop: (offset: number, color: string) => void; }) | ({ setTransform: (transform?: DOMMatrix2DInit | undefined) => void; });
strokeEnabled?: boolean;
strokeHitEnabled?: boolean;
strokeWidth?: number;
visible?: boolean;
width?: number;
x: number;
y: number;
}
Type declaration
-
Optional crop?: { x: number; y: number; width: number; height: number; }
-
Optional dash?: number[]
-
Optional dashEnabled?: boolean
-
Optional fill?: string | ({ addColorStop: (offset: number, color: string) => void; }) | ({ setTransform: (transform?: DOMMatrix2DInit | undefined) => void; })
-
Optional fillAfterStrokeEnabled?: boolean
-
Optional fillEnabled?: boolean
-
Optional fillLinearGradient?: { start: { x: number; y: number; }; end: { x: number; y: number; }; colorStops: [number, string][]; }
-
Optional fillPattern?: { image: string | { height: number; oncontextlost: ((this: OffscreenCanvas, ev: Event) => any) | null; oncontextrestored: ((this: OffscreenCanvas, ev: Event) => any) | null; ... 5 more ...; dispatchEvent: (event: Event) => boolean; } | ... 4 more ... | { ...; }; ... 7 more ...; skewY?: number | undefined; }
-
Optional fillPriority?: "color" | "linear-gradient" | "radial-gradient" | "pattern"
-
Optional fillRadialGradient?: { start: { x: number; y: number; }; startRadius: number; end: { x: number; y: number; }; endRadius: number; colorStops: [number, string][]; }
-
Optional filter?: "none" | ({ url?: string | undefined; blur?: number | undefined; brightness?: number | undefined; contrast?: number | undefined; dropShadow?: { x?: number | undefined; y?: number | undefined; blur?: number | undefined; color: string; } | undefined; ... 5 more ...; sepia?: number | undefined; })
-
Optional height?: number
-
Optional hitStrokeWidth?: number
-
image: string | ({ height: number; oncontextlost: ((this: OffscreenCanvas, ev: Event) => any) | null; oncontextrestored: ((this: OffscreenCanvas, ev: Event) => any) | null; ... 5 more ...; dispatchEvent: (event: Event) => boolean; }) | ({ height: number; width: number; captureStream: (frameRequestRate?: number | undefined) => MediaStream; getContext: { (contextId: "2d", options?: CanvasRenderingContext2DSettings | undefined): CanvasRenderingContext2D | null; (contextId: "bitmaprenderer", options?: ImageBitmapRenderingContextSettings | undefined): I...) | ({ disablePictureInPicture: boolean; height: number; onenterpictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null; onleavepictureinpicture: ((this: HTMLVideoElement, ev: Event) => any) | null; ... 349 more ...; focus: (options?: FocusOptions | undefined) => void; }) | ({ align: string; alt: string; border: string; readonly complete: boolean; crossOrigin: string | null; readonly currentSrc: string; decoding: "sync" | "auto" | "async"; height: number; hspace: number; ... 310 more ...; focus: (options?: FocusOptions | undefined) => void; }) | ({ readonly height: { readonly animVal: { readonly unitType: number; value: number; valueAsString: string; valueInSpecifiedUnits: number; convertToSpecifiedUnits: (unitType: number) => void; newValueSpecifiedUnits: (unitType: number, valueInSpecifiedUnits: number) => void; ... 10 more ...; readonly SVG_LENGTHTYPE_UNK...) | ({ readonly height: number; readonly width: number; close: () => void; })
-
Optional lineCap?: "butt" | "round" | "square"
-
Optional lineJoin?: "round" | "bevel" | "miter"
-
Optional offscreen?: boolean
-
Optional offset?: { x?: number | undefined; y?: number | undefined; }
-
Optional opacity?: number
-
Optional perfectDrawEnabled?: boolean
-
Optional rotation?: number
-
Optional scale?: { x?: number | undefined; y?: number | undefined; }
-
Optional sceneFunc?: ((context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D) => void)
-
- (context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D): void
-
Parameters
-
context: CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D
Returns void
-
Optional shadow?: { x?: number | undefined; y?: number | undefined; color: string; blur: number; }
-
Optional shadowEnabled?: boolean
-
Optional shadowForStrokeEnabled?: boolean
-
Optional skewX?: number
-
Optional skewY?: number
-
Optional stroke?: string | ({ addColorStop: (offset: number, color: string) => void; }) | ({ setTransform: (transform?: DOMMatrix2DInit | undefined) => void; })
-
Optional strokeEnabled?: boolean
-
Optional strokeHitEnabled?: boolean
-
Optional strokeWidth?: number
-
Optional visible?: boolean
-
Optional width?: number
-
x: number
-
y: number